<template>
  <component :is="getOutlineComponent" :info="props.info" :domShow="props.domShow" :indexs="index"></component>
</template>

<script setup lang="ts">
import { computed } from 'vue';
import style1 from './style/style1.vue';
import style2 from './style/style2.vue';
import style3 from './style/style3.vue';
import style4 from './style/style4.vue';
import style5 from './style/style5.vue';
import style6 from './style/style6.vue';
import free2Style1 from './style2/style1.vue';
import free2Style2 from './style2/style2.vue';
import free2Style3 from './style2/style3.vue';
import free3Style1 from './style3/style1.vue';
import free3Style2 from './style3/style2.vue';
import free3Style3 from './style3/style3.vue';
import free3Style4 from './style3/style4.vue';
import free4Style1 from './style4/style1.vue';
import free4Style2 from './style4/style2.vue';
import free4Style3 from './style4/style3.vue';
import free4Style4 from './style4/style4.vue';
import free4Style5 from './style4/style5.vue';
import free4Style6 from './style4/style6.vue';
import free4Style7 from './style4/style7.vue';
import free4Style8 from './style4/style8.vue';
import free4Style9 from './style4/style9.vue';
import free5Style1 from './style5/style1.vue';
import free5Style2 from './style5/style2.vue';
import free5Style3 from './style5/style3.vue';
import free5Style4 from './style5/style4.vue';
import free5Style5 from './style5/style5.vue';
import free5Style6 from './style5/style6.vue';
import free5Style7 from './style5/style7.vue';
import free6Style1 from './style6/style1.vue';
import free6Style2 from './style6/style2.vue';
import free6Style3 from './style6/style3.vue';
import free6Style4 from './style6/style4.vue';
import free6Style5 from './style6/style5.vue';
import free6Style6 from './style6/style6.vue';
import free7Style1 from './style7/style1.vue';
import free7Style2 from './style7/style2.vue';
import free7Style3 from './style7/style3.vue';
import free7Style4 from './style7/style4.vue';
import free7Style5 from './style7/style5.vue';
import free8Style1 from './style8/style1.vue';
import free8Style2 from './style8/style2.vue';
import free8Style3 from './style8/style3.vue';
import free9Style1 from './style9/style1.vue';
import free9Style2 from './style9/style2.vue';
import free9Style3 from './style9/style3.vue';
import free9Style4 from './style9/style4.vue';
import free9Style5 from './style9/style5.vue';
import free11Style1 from './style11/style1.vue';
import free11Style2 from './style11/style2.vue';
import free11Style3 from './style11/style3.vue';
import free11Style4 from './style11/style4.vue';

import free10Style1 from './style10/style1.vue';
import free10Style2 from './style10/style2.vue';
import free10Style3 from './style10/style3.vue';
import free10Style4 from './style10/style4.vue';
import free12Style1 from './style12/style1.vue';
import free12Style2 from './style12/style2.vue';
import free12Style3 from './style12/style3.vue';
import free13Style1 from './style13/style1.vue';
import free13Style2 from './style13/style2.vue';
import free13Style3 from './style13/style3.vue';
import free13Style4 from './style13/style4.vue';
import free13Style5 from './style13/style5.vue';
import free13Style6 from './style13/style6.vue';
import free13Style7 from './style13/style7.vue';
import free13Style8 from './style13/style8.vue';
import free13Style9 from './style13/style9.vue';

import free14Style1 from './style14/style1.vue';
import free14Style2 from './style14/style2.vue';
import free14Style3 from './style14/style3.vue';
import free15Style1 from './style15/style1.vue';
import free15Style2 from './style15/style2.vue';
import free15Style3 from './style15/style3.vue';
import free16Style1 from './style16/style1.vue';
import free16Style2 from './style16/style2.vue';
import free16Style3 from './style16/style3.vue';

import free17Style1 from './style17/style1.vue';
import free17Style2 from './style17/style2.vue';
import free17Style3 from './style17/style3.vue';
import free17Style4 from './style17/style4.vue';

import free8Style4 from './style8/style4.vue';
import free8Style5 from './style8/style5.vue';
import free8Style6 from './style8/style6.vue';
import free8Style7 from './style8/style7.vue';
import free8Style8 from './style8/style8.vue';
import { urls } from '@/utils/request/upload';
const props = defineProps({
  info: {
    type: Object,
  },
  domShow: {
    type: Boolean,
  },
  index: {
    type: Number,
  },
});

const getOutlineComponent = computed(() => {
  // return style2
  switch (props.info.type) {
    case 11001:
      return style1;
      break;
    case 11002:
      return style2;
      break;
    case 11003:
      return style3;
      break;
    case 11004:
      return style4;
      break;
    case 11005:
      return style5;
      break;
    case 11006:
      return style6;
      break;
    case 21002:
      return free2Style2;
      break;
    case 21003:
      return free2Style3;
      break;
    case 21001:
      return free2Style1;
      break;
    case 31002:
      return free3Style2;
      break;
    case 31003:
      return free3Style3;
      break;
    case 31004:
      return free3Style4;
      break;
    case 31001:
      return free3Style1;
      break;
    case 41002:
      return free4Style2;
      break;
    case 41003:
      return free4Style3;
      break;
    case 41001:
      return free4Style1;
      break;
    case 41004:
      return free4Style4;
      break;
    case 41005:
      return free4Style5;
      break;
    case 41006:
      return free4Style6;
      break;
    case 41007:
      return free4Style7;
      break;
    case 41008:
      return free4Style8;
      break;
    case 41009:
      return free4Style9;
      break;
    case 51001:
      return free5Style1;
      break;
    case 51002:
      return free5Style2;
      break;
    case 51003:
      return free5Style3;
      break;
    case 51004:
      return free5Style4;
      break;
    case 51005:
      return free5Style5;
      break;
    case 51006:
      return free5Style6;
      break;
    case 51007:
      return free5Style7;
      break;
    case 61001:
      return free6Style1;
      break;
    case 61002:
      return free6Style2;
      break;
    case 61003:
      return free6Style3;
      break;
    case 61004:
      return free6Style4;
      break;
    case 61005:
      return free6Style5;
      break;
    case 61006:
      return free6Style6;
      break;
    case 71001:
      return free7Style1;
      break;
    case 71002:
      return free7Style2;
      break;
    case 71003:
      return free7Style3;
      break;
    case 71004:
      return free7Style4;
      break;
    case 71005:
      return free7Style5;
      break;
    case 81001:
      return free8Style1;
      break;
    case 81002:
      return free8Style2;
      break;
    case 81003:
      return free8Style3;
      break;
    case 81004:
      return free8Style4;
      break;
    case 81005:
      return free8Style5;
      break;
    case 81006:
      return free8Style6;
      break;
    case 81007:
      return free8Style7;
      break;
    case 81008:
      return free8Style8;
      break;
    case 91001:
      return free9Style1;
      break;
    case 91002:
      return free9Style2;
      break;
    case 91003:
      return free9Style3;
      break;
    case 91004:
      return free9Style4;
      break;
    case 91005:
      return free9Style5;
      break;
    case 101001:
      return free10Style1;
      break;
    case 101002:
      return free10Style2;
      break;
    case 101003:
      return free10Style3;
      break;
    case 101004:
      return free10Style4;
      break;
    case 111001:
      return free11Style1;
      break;
    case 111002:
      return free11Style2;
      break;
    case 111003:
      return free11Style3;
      break;
    case 111004:
      return free11Style4;
      break;
    case 121001:
      return free12Style1;
      break;
    case 121002:
      return free12Style2;
      break;
    case 121003:
      return free12Style3;
      break;
    case 131001:
      return free13Style1;
      break;
    case 131002:
      return free13Style2;
      break;
    case 131003:
      return free13Style3;
      break;
    case 131004:
      return free13Style4;
      break;
    case 131001:
      return free13Style1;
      break;
    case 131002:
      return free13Style2;
      break;
    case 131003:
      return free13Style3;
      break;
    case 131004:
      return free13Style4;
      break;
    case 131005:
      return free13Style5;
      break;
    case 131006:
      return free13Style6;
      break;
    case 131007:
      return free13Style7;
      break;
    case 131008:
      return free13Style8;
      break;
    case 131009:
      return free13Style9;
      break;
    case 141001:
      return free14Style1;
      break;
    case 141002:
      return free14Style2;
      break;
    case 141003:
      return free14Style3;
      break;
    case 151001:
      return free15Style1;
      break;
    case 151002:
      return free15Style2;
      break;
    case 151003:
      return free15Style3;
      break;
    case 161001:
      return free16Style1;
      break;
    case 161002:
      return free16Style2;
      break;
    case 161003:
      return free16Style3;
      break;
    case 171001:
      return free17Style1;
      break;
    case 171002:
      return free17Style2;
      break;
    case 171003:
      return free17Style3;
      break;
    case 171004:
      return free17Style4;
      break;
    default:
      return style1;
      break;
  }
});
</script>

<style scoped lang="less"></style>
